/* main-header */
.bdb-header-left {
    width: 18%;
    padding-left: 48px;
}
.bdb-header-right {
    width: 82%;
    height: 36px;
    line-height: 36px;
}
.bdb-main-header {
    padding-top: 9px;
    height: 54px;
    background-color: #ffffff;
}
.bdb-option-btn > div {
    width: 55px;
    height: 25px;
    float: left;
    color: #ffa00e;
}
.bdb-option-btn > div:hover {
    background-color: #ffa00e;
    color: #fff;
}
.bdb-option-btn > div span {
    height: 15px;
    line-height: 15px;
    width: 44px;
    display: inline-block;
}
.bdb-option-btn > div:first-child span {
    border-right: 1px solid #ffa00e;
}
.bdb-option-btn > div:last-child span {
    border-left: 1px solid #ffa00e;
}

/* main-table */
.bdb-main-content .bdb-table-header {
    height: 55px;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 7px 18px 0 rgba(0, 0, 0, 0.04);
}
.bdb-table-header > div {
    float: left;
    height: 55px;
    line-height: 55px;
    text-align: left;
    cursor: pointer;
}
.prod-list img {
    float: right;
    right: 21px;
    top: 43%;
    position: relative;
}
.prod-list ul {
    width: 11.4%;
    min-height: 136px;
    background-color: #fff;
    z-index: 10;
    position: absolute;
}
.prod-list ul li {
    height: 32px;
    line-height: 32px;
    padding-left: 26px;
    color: #505d66;

}
.prod-list ul li:hover {
    background-image: linear-gradient(to top, #4abdff, #3cd4fa);
    color: #fff;
}
.bdb-mx-w-col-1 {
    margin-left: 4%;
    width: 8%;
}
.bdb-mx-w-col-2 {
    margin-left: 1.9%;
    width: 10.4%;
}
.bdb-mx-w-col-3 {
    margin-left: 1.9%;
    width: 6.4%;
}
.bdb-mx-w-col-4 {
    margin-left: 2.4%;
    width: 6%;
}
.bdb-mx-w-col-5 {
    margin-left: 1.9%;
    width: 31%;
}
.bdb-mx-w-col-6 {
    margin-left: 1.9%;
    width: 10.3%;
}